A demo of a logarithmic chart

This demonstrates a logarithmic chart using log(10). It has custom Y labels.

This goes in the documents header:

<script src="RGraph.common.core.js"></script>
<script src="RGraph.line.js"></script>

Put this where you want the chart to show up:

<canvas id="cvs" width="600" height="250">
    [No canvas support]
</canvas>

This is the code that generates the chart:

<script>
    window.onload = function ()
    {
        var data = [999999,5,6,4,6,8012,12,7];

        for (var i=0;i<data.length; ++i) {
            data[i] = RGraph.log(data[i], 10); // This function is in RGraph.common.core.js
        }

        // Create the line and then use the set method to configure
        // the chart so that the line object can be used in the
        // configuration
        var line = new RGraph.Line({
            id: 'cvs',
            data: data
        });

        line.set({
            numyticks: 6,
            ymax: 6,
            ylabelsSpecific: ['1,000,000','100,000','10,000','1,000','100','10','0'],
            labels: ['Pob','Libby','June','Hoolio','Jane','Daz','Luis','John'],
            numxticks: 7,
            textSize: 14,
            gutterLeft: 95,
            backgroundGridAutofitNumhlines: 6,
            backgroundGridAutofitNumvlines: 7
        }).draw();
    };
</script>